<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Fast API 🤗 Space served with Uvicorn</title>
    <link rel="stylesheet" href="style.css" />
    <script type="module" src="script.js"></script>
  </head>
  <body>
    <main>
      <section id="text-gen">
        <h1>Text generation using Flan T5</h1>
        <p>
          Model:
          <a
              href="https://huggingface.co/google/flan-t5-small"
              rel="noreferrer"
              target="_blank"
            >google/flan-t5-small</a
          >
        </p>
        <form class="text-gen-form">
          <label for="text-gen-input">Text prompt</label>
          <input
            id="text-gen-input"
            type="text"
            value="English: Translate There are many ducks. German:"
          />
          <button id="text-gen-submit">Submit</button>
          <p class="text-gen-output"></p>
        </form>
      </section>
    </main>
  </body>
</html>